<!doctype html>
<html lang="en">
<head>

<?php include './inc/css.html'; ?>

<style type="text/css">
.course{

}
.course .course-img{
    height:2rem;
    width:100%;
    background-size:cover;
    background-position: center center;
    background-repeat: no-repeat;

}

.course .course-img .fav{

    position: absolute;
    right:.1rem;
    z-index: 2;
    font-size: .3rem;
}

.course .user-info{
    height:.8rem;
    line-height: .8rem;
}

.course .user-info .useravatar{
    width: .6rem;
    height: .6rem;
    margin: .1rem;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.course .user-info .usersign{
   max-width: calc( 100% - .8rem);
}
.course .course-info{
    padding:0 .1rem;
    line-height: 1.2;
}
.course .course-info p{
    text-indent: .2rem;
}

</style>

</head>
<body>

<div class="pagetitle fixed fixedshadow tran3 between _bg_white tc">
    <div><span class="pageback ion-ios-arrow-left"></span></div>
    <div><span class=""><?php echo  !empty($pagetitle)?$pagetitle:'2025HR'; ?></span></div>
    <div data-posturl="/index.php/WebApp/Courses/courseCollection" data-favtype="courseId" data-id="<?php $courseId ?>"> 
    <!-- 已收藏 -->
        <span class="fav ion-ios-heart" ></span>
    <!-- 未收藏 -->
        <span class="fav ion-ios-heart-outline" ></span>
    </div>
</div>


<div class="wrap">

<div class="course">
    <!-- 课程封面图 -->
    <div class="course-img _bg_light" style="background-image:url(./../assets/img/course.jpg)">
        <span class="fav dn tran3 ion-ios-heart-outline"></span>
    </div>
    <!-- 教师信息/课程上传者信息 -->
    <div class="user-info clearfix">
        <div class="useravatar _bg_light fl" style="background-image:url(./../assets/img/teacher.jpg)"></div>
        <div class="usersign  fl oneline">老师名字</div>
    </div>
    <div class="line1"></div>
    <!-- 课程信息 -->
    <div class="course-info">
        <div class="sectionheader tc">
            <div class="sectiontitle">课程标题</div>
            <div class="sectionsubtitle _text_secondary ">课程简介描述</div>
        </div>
        <div class="line1"></div>
        <p class="_text_secondary tj">
           课程详细介绍，课程详细介绍，课程详细介绍， 
           课程详细介绍，课程详细介绍，课程详细介绍， 
           课程详细介绍，课程详细介绍，课程详细介绍， 
           课程详细介绍，课程详细介绍，课程详细介绍， 
        </p>
    </div>

</div>
<!-- Start 课程章节列表-->
<div class="line1"></div>

<ul class="list simplelist list-group">
 <?php include './inc/chapterlist.html'; ?> 
</ul>
<!-- End 课程章节列表-->


<!--底部-->
<div class="listbottom tc op6">我是有底线的~</div>
 
</div>   

<!-- <?php include './inc/nav.html'; ?> -->

</body>

<?php include './inc/js.html'; ?>
<script type="text/javascript">
$(document).ready(function(){


})

</script>
</html>